<template>
  <div class="mdui-drawer" id="main-drawer">
    <ul class="mdui-list">
      <router-link to="/">
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
          <div class="mdui-list-item-content">主页</div>
        </li>
      </router-link>
      <router-link to="/about">
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">info</i>
          <div class="mdui-list-item-content">关于</div>
        </li>
      </router-link>
      <li class="mdui-list-item mdui-ripple" @click="jump()">
        <i class="mdui-list-item-icon mdui-icon material-icons">first_page</i>
        <div class="mdui-list-item-content">返回班级主页</div>
      </li>
    </ul>
  </div>
</template>

<script lang="ts">
import Vue from "vue";
export default Vue.extend({
  name: "Drawer",
  methods: {
    jump: function() {
      window.location.href = `http://youyun12138.gitee.io/ce1901`
    }
  }
});
</script>
